<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>旅行记忆首页</title>
    <link rel="stylesheet" href="../css/首页.css" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap"
    />
  </head>
  <body>
    <!-- 全屏循环视频背景 -->
    <div class="video-background">
      <video autoplay muted loop playsinline class="bg-video">
        <source src="../videos/首页视频.mp4" type="video/mp4" />
        <!-- 视频加载失败时显示备用背景图 -->
        <img src="../images/首页背景.jpg" alt="背景图备用" />
      </video>
    </div>

    <!-- 竖版标题图片 -->
    <div class="title-container">
      <img src="../images/标题.png" alt="大标题" class="vertical-title" />
    </div>

    <!-- 点击提示 -->
    <div class="click-hint">点击屏幕任意位置进入</div>

    <script src="../js/首页.js"></script>
  </body>
</html>
